<!DOCTYPE HTML>
<html>

<head>
   <title> 详情页</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <link href="../../../assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/bui-min.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/page-min.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/jx-style.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/prettify.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/my-style.css" rel="stylesheet" type="text/css" />
</head>

<body>
   <div class="container">
      <div class="post-detail span24">
         <div class="post-detail-title clearfix">
            <button type="button"class="pull-left agree-btn btn-info" style="margin:0;">冻结</button>
            <button type="button"class="pull-left refuse-btn btn-info" style="margin:0;margin-left:30px;">解除冻结</button>
         </div>
      <form action="" class="form-horizontal form-horizontal-simple">
        <div class="form-title">
            基础信息
        </div>
        <div class="control-group">
          <label class="control-label">商户：</label>
          <div class="controls">
          <span class="control-text">晨晨的瘦身秘密</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">帖子编码：</label>
          <div class="controls">
          <span class="control-text">381471344</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">帖子标题：</label>
          <div class="controls">
          <span class="control-text">5天让你迅速减肥10斤，全网首发</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">标签：</label>
          <div class="controls">
          <span class="control-text" style="color:#0099FF;">时尚，瘦身，健康</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">封面图：</label>
          <div class="controls control-row-auto">
          <img style="width:200px;height:115px;" src="./../../../assets/img/u9486.png">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">缩略图：</label>
          <div class="controls control-row-auto">
          <img style="width:80px;height:80px;" src="./../../../assets/img/u9486.png">
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">状态：</label>
          <div class="controls">
          <span class="control-text" style="color: #FF6633;">审核通过</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">创建时间：</label>
          <div class="controls">
          <span class="control-text">2018-10-22 11:12:11</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">帖子类型：</label>
          <div class="controls">
          <span class="control-text">限时活动</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">开始时间：</label>
          <div class="controls">
          <span class="control-text">2018-10-22 11:12:11</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">结束时间：</label>
          <div class="controls">
          <span class="control-text">2018-10-22 11:12:11</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">优惠类型：</label>
          <div class="controls">
          <span class="control-text">满500减50</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">帖子状态：</label>
          <div class="controls">
          <span class="control-text" style="color: #FF6633;">进行中</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">帖子评论：</label>
          <div class="controls">
            <span class="control-text">378</span>
            <a href="#" style="color:#0099FF;margin-left:20px;">查看评论</a>
          </div>
        </div>
      </form>
      <form action="" class="form-horizontal form-horizontal-simple">
        <div class="form-title">
            九宫格
        </div>
        <div class="control-group">
          <label class="control-label">分享简述：</label>
          <div class="controls">
          <span class="control-text">超赞的瘦身秘诀！！！！</span>
          </div>
        </div>
        <div class="control-group">
          <label class="control-label">显示模式：</label>
          <div class="controls control-row-auto">
                <span class="control-text">九宫格</span>
          </div>
        </div>
       <div class="nine-pic">
          <img style="width:80px;height:80px;" src="./../../../assets/img/u9486.png">
          <img style="width:80px;height:80px;" src="./../../../assets/img/u9486.png">
          <img style="width:80px;height:80px;" src="./../../../assets/img/u9486.png">
          <img style="width:80px;height:80px;" src="./../../../assets/img/u9486.png">
          <img style="width:80px;height:80px;" src="./../../../assets/img/u9486.png">
          <img style="width:80px;height:80px;" src="./../../../assets/img/u9486.png">
          <img style="width:80px;height:80px;" src="./../../../assets/img/u9486.png">
          <img style="width:80px;height:80px;" src="./../../../assets/img/u9486.png">
          <img style="width:80px;height:80px;" src="./../../../assets/img/u9486.png">
        </div>
      </form>
      <form action="" class="form-horizontal form-horizontal-simple">
        <div class="form-title">
            商品信息
        </div>
        <div class="grid-container">
            <div id="grid"></div>
        </div>
      </form>
      </div>
   </div>
   <!-- 初始隐藏 remakesDialog内容 -->
   <div id="remarks" class="hide">
      <form class="form-horizontal">
         <div id="remarksform" class="row">
            <div class="control-group span12">
               <div class="control-row4 ">
                  <textarea class="input-large" type="text"></textarea>
               </div>
            </div>

         </div>
      </form>
   </div>

   <script type="text/javascript" src="../../../assets/js/jquery-1.8.1.min.js"></script>
   <script type="text/javascript" src="../../../assets/js/bootstrap.js"></script>
   <script type="text/javascript" src="../../../assets/js/bui-min.js"></script>
   <script type="text/javascript" src="../../../assets/js/config-min.js"></script>
   <script type="text/javascript">
      BUI.use('common/page');
   </script>
   <script type="text/javascript">
      BUI.use(['bui/grid', 'bui/data', 'common/search'], function (Grid, Data, Search) {
         var Grid = Grid,
            Store = Data.Store,
            columns = [{
               title: '商品信息',
               dataIndex: 'a',
               elCls: 'td-pro',
               width: 250,
               renderer: function (value, obj) {
                  return '<div class="td-inner">' +
                     '  <img class="pro-img"   src="../../../assets/img/u9486.png" alt="">' +
                     '  <div class="pro-info  ml-10">' +
                     '      <p>DIADORA/迪亚多纳 女子小童跑步鞋 17036350160</p>' +
                     '      <p>返佣比例：40%</p>' +
                     '  </div>' +
                     '</div>'
               }
            }, {
               title: '规格',
               dataIndex: 'b',
               elCls: 'center',
               width: 100,
              renderer: function (value, obj) {
                  return '<div>' +
                     '           <p>'+obj.b[0]+'</p>' +
                     '           <p>'+obj.b[1]+'</p>' +
                     '           <p>'+obj.b[2]+'</p>' +
                     '           <p>'+obj.b[3]+'</p>' +
                     '      </div>';
               }
            }, {
               title: '销售价',
               elCls: 'center',
               dataIndex: 'c',
               width: 100,
               renderer: function (value, obj) {
                  return '<div>' +
                     '           <p>'+obj.c[0]+'</p>' +
                     '           <p>'+obj.c[1]+'</p>' +
                     '           <p>'+obj.c[2]+'</p>' +
                     '           <p>'+obj.c[3]+'</p>' +
                     '      </div>';
               }
            }, {
               title: '成本',
               elCls: 'center',
               dataIndex: 'd',
               width: 100,
               renderer: function (value, obj) {
                  return '<div>' +
                     '           <p>'+obj.d[0]+'</p>' +
                     '           <p>'+obj.d[1]+'</p>' +
                     '           <p>'+obj.d[2]+'</p>' +
                     '           <p>'+obj.d[3]+'</p>' +
                     '      </div>';
               }
            }, {
               title: '返佣金额',
               elCls: 'center',
               dataIndex: 'e',
               width: 100,
               renderer: function (value, obj) {
                  return '<div>' +
                     '           <p>'+obj.e[0]+'</p>' +
                     '           <p>'+obj.e[1]+'</p>' +
                     '           <p>'+obj.e[2]+'</p>' +
                     '           <p>'+obj.e[3]+'</p>' +
                     '      </div>';
               }
            }, {
               title: '营收小计（忽略运费）',
               elCls: 'center',
               dataIndex: 'f',
               width: 200,
               renderer: function (value, obj) {
                  return '<div>' +
                     '           <p>'+obj.f[0]+'</p>' +
                     '           <p>'+obj.f[1]+'</p>' +
                     '           <p>'+obj.f[2]+'</p>' +
                     '           <p>'+obj.f[3]+'</p>' +
                     '      </div>';
               }
            }],
            data = [{
               id: 1,
               a: '商品信息',
               b: [4,5,6,6],
               c: [250.00,250.00,250.00,250.00],
               d: [80.00,80.00,80.00,80.00],
               e: [100.00,100.00,100.00,100.00],
               f: [150.00,150.00,150.00,150.00]
            }];

         //初始化数据
         var store = new Store({ //初始化数据
               data: data,
               autoLoad: true, //自动加载数据
               pageSize: 2 // 配置分页数目
            }),
            grid = new Grid.Grid({
               render: '#grid',
               elCls: 'small-bui-grid-table',
               columns: columns,
               forceFit: true,
               loadMask: true, //加载数据时显示屏蔽层
               // 底部工具栏
               store: store
            });

         grid.render();
      });
   </script>

   <body>

</html>